<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>QQ会员</title>
		<link rel="icon" href="img2/favicon.ico" />
		<style>
			*{margin: 0px;padding: 0px;}
			.box{width: 100%;background-color: rgba(0,0,0,0.5);}
			.clearfix{
				display: table;
				content: "";
				clear:both;
				
			}
			ul{list-style: none;height:34px ;line-height: 34PX;padding-top: 28PX;}
			li{display: inline-block;}
		    .box1{float: left;margin-left: 7%;}
		    .box2{/*float: left;*//*background-color: red;*/margin-left: 6%; height: 90PX;line-height: 90PX;}
		    img{height: 90px;}
		    a{height: 34px;line-height: 34px;color: #ffffff;text-decoration: none;}
            a:hover{color: blue;}
          li:nth-of-type(1){padding-left:90px;}  
	      li:nth-of-type(2){padding-left:30px;}
	      li:nth-of-type(3){padding-left:30px;}
	      li:nth-of-type(4){padding-left:30px;}
	      li:nth-of-type(5){padding-left:30px;}		   
          li:nth-of-type(6){padding-left:30px;}		   
		  li:nth-of-type(7){padding-left:30px;padding-right: 80px;}	
		  li:nth-of-type(8){text-align: center;border: 1px solid gold;width: 6%;box-sizing:border-box;
		}
          li:nth-of-type(9){border: 1px solid gold;width: 9%;text-align: center;box-sizing:border-box;}	
          
          .d1{color: gold;}
          .d2{color: gold;}
          .d1:hover{color: goldenrod;font-weight: 700;}
          .d2:hover{color: goldenrod;font-weight: 700;}    
           .d3{border-radius: 17px;}
            .d4{border-radius: 17px;}
            .d3:hover{background-color: gold;}
            .d4:hover{background-color: gold;}
            .box8{width: 1380px;}
	
         
			
		</style>
	</head>
	<body>
		<div class="box8">
		<div class="box clearfix">
			<div class="box1 " >
			   <img src="img2/logo.png" />
			</div>
			<div class="box2">
				<div class="box2">
				<ul>
					<li><a href="homework9-2.html">功能特权</a></li>
					<li><a href="#">游戏特权</a></li>
					<li><a href="#">生活特权</a></li>
					<li><a href="#">会员活动</a></li>
					<li><a href="#">成长体系</a></li>
					<li><a href="#">年费专区</a></li>
					<li><a href="#">超级会员</a></li>
		
					<li class="d3"><a href="#" class="d1">登录</a></li>
					<li class="d4"><a href="#"class="d2">开通超级会员</a></li>
	
				</ul>
				
				
			</div>
		</div>
	</div>
	</body>
</html>
